{extend name="base" /}
    <!--页面主要内容-->
{block name="content"}
    <main class="lyear-layout-content">
      
      <div class="container-fluid">
        
        <div class="row">
          <div class="col-sm-6 col-lg-3">
            <div class="card bg-primary">
              <div class="card-body clearfix">
                <div class="pull-right">
                  <p class="h6 text-white m-t-0">用户总数</p>
                  <p class="h3 text-white m-b-0">{$head.userCount}人</p>
                </div>
                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-account fa-1-5x"></i></span> </div>
              </div>
            </div>
          </div>
          
          <div class="col-sm-6 col-lg-3">
            <div class="card bg-danger">
              <div class="card-body clearfix">
                <div class="pull-right">
                  <p class="h6 text-white m-t-0">课程总数</p>
                  <p class="h3 text-white m-b-0">{$head.proCount}套</p>
                </div>
                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-layers fa-1-5x"></i></span> </div>
              </div>
            </div>
          </div>
          
          <div class="col-sm-6 col-lg-3">
            <div class="card bg-success">
              <div class="card-body clearfix">
                <div class="pull-right">
                  <p class="h6 text-white m-t-0">书籍总数</p>
                  <p class="h3 text-white m-b-0">{$head.bookCount}本</p>
                </div>
                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-locker-multiple fa-1-5x"></i></span> </div>
              </div>
            </div>
          </div>
          
          <div class="col-sm-6 col-lg-3">
            <div class="card bg-purple">
              <div class="card-body clearfix">
                <div class="pull-right">
                  <p class="h6 text-white m-t-0">下载总数</p>
                  <p class="h3 text-white m-b-0">{$head.bookCount} 条</p>
                </div>
                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-shopping fa-1-5x"></i></span> </div>
              </div>
            </div>
          </div>
        </div>

        
        <div class="row">
          
          <div class="col-lg-12">
            <div class="card">
              <div class="card-header">
                <h4>项目信息</h4>
              </div>
              <div class="card-body">
                <div class="table-responsive">
                  <table class="table table-hover">
                    <thead>
                      <tr>
                        <th>#</th>
                        <th>任务名称</th>
                        <th>开始日期</th>
                        <th>截止日期</th>
                        <th>状态</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td>功能构思及设计数据库</td>
                        <td>26/05/2020</td>
                        <td>27/05/2020</td>
                        <td><span class="label label-success">完成</span></td>
                      </tr>
                      <tr>
                        <td>2</td>
                        <td>组件选择及实现</td>
                        <td>26/05/2020</td>
                       <td>28/05/2020</td>
                        <td><span class="label label-success">完成</span></td>
                      </tr>
                      <tr>
                        <td>3</td>
                        <td>后台功能实现</td>
                         <td>28/05/2020</td>
                         <td>01/06/2020</td>
                        <td><span class="label label-success">完成</span></td>
                      </tr>
                      <tr>
                        <td>4</td>
                        <td>前台功能实现</td>
                        <td>01/06/2020</td>
                        <td>04/06/2020</td>
                        <td><span class="label label-success">完成</span></td>
                      </tr>
                      <tr>
                        <td>5</td>
                        <td>测试</td>
                        <td>04/06/2020</td>
                        <td>05/06/2020</td>
                        <td><span class="label label-success">完成</span></td>
                      </tr>

                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
          
        </div>
        
      </div>
      
    </main>
    <!--End 页面主要内容-->
{/block}